/*
@import url(http://fonts.googleapis.com/css?family=Audiowide);
@import url(http://fonts.googleapis.com/css?family=Economica);
@import url(http://fonts.googleapis.com/css?family=Lobster);
*/
@font-face { font-family: "Audiowide"; src: url(Audiowide-Regular.ttf); }
@font-face { font-family: "Economica"; src: url(Economica-Regular.ttf); }
@font-face { font-family: "Lobster"; src: url(Lobster.ttf); }
body
	{
	background-color: #EEE;
	}
div.box
	{
    width: 80px;
    height: 100px;
    margin: 0 3px 3px 0;
    float: left;
	text-align: center;
	vertical-align: middle;
	font-family: 'Economica', serif;
	color: white;
	border-radius: 5px;
	-moz-border-radius: 5px; /* firefox */
	-webkit-border-radius: 5px; /* safari, chrome */
	opacity: 1;
	font-size: 1em;
    padding: 3px;
	}
#categorie div.box
	{
	background-color: #3a3;
	}

#prodotti div.box
	{
	background-color: #f22;
	}

#cat-scontrini.box
    {
    background-color: #666 !important;
    }
.clear
	{
	clear:both;
	}
.collapse
	{
	visibility: collapse;
	}
.hidden
	{
	visibility: hidden;
	}

fieldset
	{
	background-color: #FFF;
	margin: 2px;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
legend
	{
	background-color: #FFF;
	font-family: 'Lobster', serif;
	font-size: 1em;
	/*font-weight: bold !important;*/
	padding: 7px 10px !important;
	color: black !important;
	border: 1px solid
	#CCC !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px !important;
	line-height: 20px !important;
	}
	
.prod{
	/*border: 1px dotted #FFF;*/
	text-align: center;
	vertical-align: middle;
}
.proq{
	font-size: 2em;
	/*border: 1px dotted #999;*/
	text-align: center;
	vertical-align: middle;
	display: none;
}
/*-----------------------------------------------------------*\
|    documenti
\*-----------------------------------------------------------*/
.righe{
	font-family: 'Economica', serif;
	margin: 5px;
	padding: 15px;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
	opacity: 1;
	font-size: 1em;
	background-color: #666;
	vertical-align:middle;
}
.righeopen{
	font-family: 'Economica', serif;
    margin: 5px;
	margin-left: 30px;
	padding: 15px;
	color: black;
    background-color: #999;
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
	font-size: 1em;
    display: none;
}

/*-----------------------------------------------------------*\
|    loading
\*-----------------------------------------------------------*/
#loadingbar{
    text-align: center;
    visibility: hidden;
}
/*
.footer {
	border:2px solid #002000;
	width : 100%;
	height : 20px;
	text-align : right;
	background-color : #333333;
	position:absolute;
	bottom:0;
}*/

/******* CASSA *******/
#erasecart{
	font-family: 'Economica', serif;
}
#cart-tot{
	font-family: 'Economica', serif;
	margin: 0 35px 0 0;
}

.riga {
	font-family: 'Economica', serif;
	margin: 5px;
	padding: 15px;
	color: white;
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
	opacity: 1;
	font-size: 1em;
	background-color: #666;
	vertical-align:middle;
}

#carthead.riga {
	font-family: 'Economica', serif;
	margin: 5px;
	padding: 15px;
	color: black;
	border: 3px solid #666;
	border-bottom: 0px;
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
	opacity: 1;
	font-size: 1.2em;
	background-color: white;
	vertical-align: middle;
}

span.right {
	/*float: right;*/
	/*border: 1px solid red;*/
    position: absolute;
    right: 30px;
}
.qta{
	font-family: 'Economica', serif;
	text-align: center;
	vertical-align:  middle;
	background-color: #1C1C1C; /* Colore di sfondo */
    border: 1px solid #323232; /* Bordo */
    color: #fff; /* Colore del testo */
    /*height: 30px;  Altezza */
    line-height: 20px; /* Altezza di riga */
    width: 20px; /* Larghezza */
    /*padding: 1px 10px 1px 1px;  Padding */
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
}
.contanti{
	font-family: 'Economica', serif;
	text-align: center;
	vertical-align:  middle;
	background-color: #1C1C1C; /* Colore di sfondo */
    border: 1px solid #323232; /* Bordo */
    color: #fff; /* Colore del testo */
    /*height: 30px;  Altezza */
    line-height: 20px; /* Altezza di riga */
    width: 60px; /* Larghezza */
    /*padding: 1px 10px 1px 1px;  Padding */
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
}
/*-----------------------------------------------------------*\
|    button
\*-----------------------------------------------------------*/


/* ===[ Buttons ]=== */

.button {
    position: relative;
    cursor: pointer;
    font: bold 12px/normal 'Segoe UI', Arial, sans-serif;
    color: #333;
    text-decoration: none;
    text-shadow: 1px 1px rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,.1);
    padding: 5px 10px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #EEE;
    background-image: -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(0,0,0,0.2)));
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    background-image: linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
    -webkit-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 3px 0px rgba(0,0,0,.2);
    box-shadow: inset 0px 1px rgba(255,255,255,0.6), 0px 0px 4px 0px rgba(0,0,0,.2);
    -webkit-user-select: none;
    -moz-user-select: none;
}

.button::-moz-focus-inner {
    margin: 0;
    padding: 0;
    border: 0;
}

a.button { outline: 0 }

/* ===[ Default hover ]=== */

.button:hover, .button:active {
    text-decoration: none;
    background-color: #F9F9F9;
}

/* ===[ Default active ]=== */

.button:active {
    top: 1px;
    margin-bottom: 1px;
    border-bottom-width: 1px;
    background-color: #F9F9F9;
    background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(100%, rgba(255,255,255,0.2)));
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: -o-linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(255,255,255,0.2));
}

/* ===[ Button sizes ]=== */

.button.dot {
    padding: 1px 6px 2px;
    font-size: 12px;
	font-weight:bold;
}

.button.small {
    padding: 3px 8px 4px;
    font-size: 10px;
}

.button.large {
    padding: 10px 20px 11px;
    font-size: 14px;
}

/* ===[ Button colors ]=== */

.button.red, .button.green, .button.blue, .button.yellow, .button.orange, .button.gray , .button.black {
    color: #FFF;
    text-shadow: 0 -1px rgba(0,0,0,0.15);
}

.button.red { background-color: #E62727 }

.button.red:hover, .button.red:active { background-color: #FF2F2F }

.button.green { background-color: #91BD09 }

.button.green:hover, .button.green:active { background-color: #A0CF0C }

.button.blue { background-color: #2981E4 }

.button.blue:hover, .button.blue:active { background-color: #2F93FF }

.button.yellow { background-color: #FFB515 }

.button.yellow:hover, .button.yellow:active { background-color: #FFC74F }

.button.orange { background-color: #FF5C00 }

.button.orange:hover, .button.orange:active { background-color: #FF782F }
	
.button.gray { background-color: #666666 }

.button.gray:hover, .button.gray:active { background-color: #999999 }

.button.black { background-color: #000 }

.button.black:hover, .button.black:active { background-color: #333 }
	
.button-greyx:hover {
	background-color:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666), color-stop(1, #333) );
	background-color:-moz-linear-gradient( center top, #666 5%, #333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#333');
	background-color:#666;
}
.button-greyx:active {
	position:relative;
	top:1px;
}
/*-----------------------------------------------------------*\
|    fbborderlayout
\*-----------------------------------------------------------*/
	/* in this sample we've collapsing turned on, thus
	   you've to define the "collapsers" styles or you
	   won't be able to see the collapsing triggers on
	   the page */
	.fbbl_north_collapser,
	.fbbl_east_collapser,
	.fbbl_south_collapser,
	.fbbl_west_collapser {
		background-color: #ccc;
	}

	/* the next CSS are just to beautify the demo a bit
	   you can safely remove them
	body {
		font-family: sans-serif;
		font-size: 12px;
	}*/

	.fbbl_north,
	.fbbl_south {
	 text-align: center;
	}

	.fbbl_north,
	.fbbl_south,
	.fbbl_east,
	.fbbl_west,
	.fbbl_center {
	 padding: 10px;
	 background-color: #eee;
	 border: 1px solid #ccc;
	}
/*-----------------------------------------------------------*\
|    menu
\*-----------------------------------------------------------*/

#menu{
	margin-top: 5px;
	font-family: 'Lobster', serif;
}

#menu input, #lovely-things-list input{
	font-family: 'Economica', serif;
	font-size: 1.2em !important;
	text-align: center;
	vertical-align:  middle;
	background-color: #1C1C1C; /* Colore di sfondo */
    border: 1px solid #323232; /* Bordo */
    color: #fff; /* Colore del testo */
    /*height: 30px;  Altezza */
    line-height: 20px; /* Altezza di riga */
    width: 50px; /* Larghezza */
    /*padding: 1px 10px 1px 1px;  Padding */
	border-radius: 2px;
	-moz-border-radius: 2px; /* firefox */
	-webkit-border-radius: 2px; /* safari, chrome */
	margin-right: 3em;
}
.cliente, .search
{
    width: 200px !important; /* Larghezza */
}
.orario
{
    width: 70px !important; /* Larghezza */
}

/*-----------------------------------------------------------*\
|    tab menu
\*-----------------------------------------------------------*/

		.tabrow {
		    /*text-align: center;*/
		    list-style: none;
		    margin: 70px 0 0px 130px;
		    padding: 0;
		    line-height: 24px;
		    height: 26px;
		    overflow: hidden;
		    font-size: 12px;
		    font-family: verdana;
		    position: relative;
		}
		.tabrow li {
		    border: 1px solid #AAA;
		    background: #D1D1D1;
		    background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
		    display: inline-block;
		    position: relative;
		    z-index: 0;
		    border-top-left-radius: 6px;
		    border-top-right-radius: 6px;
		    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
		    text-shadow: 0 1px #FFF;
		    margin: 0 -5px;
		    padding: 0 20px;
		}
		.tabrow a {
			  color: #555;
			  text-decoration: none;
		}
		.tabrow li.selected {
		    background: #FFF;
		    color: #333;
		    z-index: 2;
		    border-bottom-color: #FFF;
		}
		.tabrow:before {
		    position: absolute;
		    content: " ";
		    width: 100%;
		    bottom: 0;
		    left: 0;
		    border-bottom: 1px solid #AAA;
		    z-index: 1;
		}
		.tabrow li:before,
		.tabrow li:after {
		    border: 1px solid #AAA;
		    position: absolute;
		    bottom: -1px;
		    width: 5px;
		    height: 5px;
		    content: " ";
		}
		.tabrow li:before {
		    left: -6px;
		    border-bottom-right-radius: 6px;
		    border-width: 0 1px 1px 0;
		    box-shadow: 2px 2px 0 #D1D1D1;
		}
		.tabrow li:after {
		    right: -6px;
		    border-bottom-left-radius: 6px;
		    border-width: 0 0 1px 1px;
		    box-shadow: -2px 2px 0 #D1D1D1;
		}
		.tabrow li.selected:before {
		    box-shadow: 2px 2px 0 #FFF;
		}
		.tabrow li.selected:after {
		    box-shadow: -2px 2px 0 #FFF;
		}
		#tabmenu{
			background-color: #333;
			background-image: linear-gradient(bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%);
			background-image: -o-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%);
			background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%);
			background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%);
			background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 0%, rgb(90,90,90) 100%);

			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0, rgb(0,0,0)),
				color-stop(1, rgb(90,90,90))
			);
			border: 1px solid white;
		}
		#logomenu{
			float: left;
			/*border: 1px solid black;*/
			/*position: absolute;*/
			margin: 5px;
		}
		#loginmenu{
			font-family: 'Lobster', serif;
			font-size: 1.6em;
			color: white;
			margin: 15px;
		}
		
/*-----------------------------------------------------------*\
|   dropdown login
\*-----------------------------------------------------------*/

		

		nav ul {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  position: relative;
		  /*float: right;*/
		  background: #eee;
		  border-bottom: 1px solid #fff;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;    
		}

		nav li {
		  float: left;
		}

		nav #login {
		  border-right: 1px solid #ddd;
		  -moz-box-shadow: 1px 0 0 #fff;
		  -webkit-box-shadow: 1px 0 0 #fff;
		  box-shadow: 1px 0 0 #fff;  
		}

		nav #login-trigger,

		nav #signup a {
		  display: inline-block;
		  *display: inline;
		  *zoom: 1;
		  height: 25px;
		  line-height: 25px;
		  font-weight: bold;
		  padding: 0 8px;
		  text-decoration: none;
		  color: #444;
		  text-shadow: 0 1px 0 #fff; 
		}

		nav #signup a {
		  -moz-border-radius: 0 3px 3px 0;
		  -webkit-border-radius: 0 3px 3px 0;
		  border-radius: 0 3px 3px 0;
		}

		nav #login-trigger {
		  -moz-border-radius: 3px 0 0 3px;
		  -webkit-border-radius: 3px 0 0 3px;
		  border-radius: 3px 0 0 3px;
		}

		nav #login-trigger:hover,

		nav #login .active,

		nav #signup a:hover {
		  background: #fff;
		}

		nav #login-content {
		  display: none;
		  position: absolute;
		  top: 24px;/*me 133*/
		  /*right: 0;*/
		  left: 0px;/*me 12*/
		  z-index: 999;    
		  background: #fff;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
		  background-image: -webkit-linear-gradient(top, #fff, #eee);
		  background-image: -moz-linear-gradient(top, #fff, #eee);
		  background-image: -ms-linear-gradient(top, #fff, #eee);
		  background-image: -o-linear-gradient(top, #fff, #eee);
		  background-image: linear-gradient(top, #fff, #eee);  
		  padding: 15px;
		  -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
		  -moz-border-radius: 3px 0 3px 3px;
		  -webkit-border-radius: 3px 0 3px 3px;
		  border-radius: 3px 0 3px 3px;
		}

		nav li #login-content {
		  right: 15px;
		  width: 300px;  
		}

		/*--------------------*/

		#inputs input {
		  background: #f1f1f1;
		  padding: 6px 5px;
		  margin: 0 0 5px 0;
		  width: 238px;
		  border: 1px solid #ccc;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  -moz-box-shadow: 0 1px 1px #ccc inset;
		  -webkit-box-shadow: 0 1px 1px #ccc inset;
		  box-shadow: 0 1px 1px #ccc inset;
		}

		#inputs input:focus {
		  background-color: #fff;
		  border-color: #e8c291;
		  outline: none;
		  -moz-box-shadow: 0 0 0 1px #e8c291 inset;
		  -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
		  box-shadow: 0 0 0 1px #e8c291 inset;
		}
		
	/*--------------------*/

		#login #actions {
		  margin: 10px 0 0 0;
		}

		#login #submit {		
		  background-color: #d14545;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#e97171), to(#d14545));
		  background-image: -webkit-linear-gradient(top, #e97171, #d14545);
		  background-image: -moz-linear-gradient(top, #e97171, #d14545);
		  background-image: -ms-linear-gradient(top, #e97171, #d14545);
		  background-image: -o-linear-gradient(top, #e97171, #d14545);
		  background-image: linear-gradient(top, #e97171, #d14545);
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  text-shadow: 0 1px 0 rgba(0,0,0,.5);
		  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
		  border: 1px solid #7e1515;
		  float: left;
		  height: 30px;
		  padding: 0;
		  width: 100px;
		  cursor: pointer;
		  font: bold 14px Arial, Helvetica;
		  color: #fff;
		}

		#login #submit:hover,

		#login #submit:focus {		
		  background-color: #e97171;
		  background-image: -webkit-gradient(linear, left top, left bottom, from(#d14545), to(#e97171));
		  background-image: -webkit-linear-gradient(top, #d14545, #e97171);
		  background-image: -moz-linear-gradient(top, #d14545, #e97171);
		  background-image: -ms-linear-gradient(top, #d14545, #e97171);
		  background-image: -o-linear-gradient(top, #d14545, #e97171);
		  background-image: linear-gradient(top, #d14545, #e97171);
		}	

		#login #submit:active {		
		  outline: none;
		  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
		  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
		}

		

		#login #submit::-moz-focus-inner {
		  border: none;
		}

		

		#login label {
		  float: right;
		  line-height: 30px;
		}

		#login label input {
		  position: relative;
		  top: 2px;
		  right: 2px;
		}

		

		/*--------------------*/
		
		
		